<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./style6.css" />
</head>

<body>
    <div class="first">
        <div class="first-1">
            <div class="first-2">
                <div class="logo">
                    <img src="./图片/wo.png">
                </div>
                <div class="first1">
                    <div class="first2">
                        <div class="first3">
                            <div class="first4">
                                <p11 class="continer">-</p11>
                                <p class="move">HOME</p>
                                <p11 class="continer">-</p11>
                                <p class="move">ABOUT</p>
                                <p11 class="continer">-</p11>
                                <p class="move">EXPERIENCE</p>
                                <p11 class="continer">-</p11>
                                <p class="move">WORK</p>
                                <p11 class="continer">-</p11>
                                <p class="move">CONTACT</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="clear"></div>
    </div>
    <div class="one">
        <div class="one-1">
            <div class="one-2">
                <div class="one-3">
                    <div class="one-4">
                        <h1 class="one-5">Alisa <br> Portman</h1>
                        <p1 class="one-6">Web &amp; UI/UX Designer</p1>
                    </div>
                    <ul class="icon">
                        <div class="icon-1">
                            <div class="icon-2">
                                <img src="./图片/facebook.png" style="width:28px;height:28px;padding: 5px;">
                            </div>
                            <div class="icon-2">
                                <img src="./图片/twitter.png" style="width:24px;height:24px;padding:8px;">
                            </div>
                            <div class="icon-2">
                                <img src="./图片/fuwuqi.png" style="width:24px;height:24px;padding:8px;">
                            </div>
                            <div class="icon-2">
                                <img src="./图片/icon-test.png" style="width:24px;height:24px;padding:8px;">
                            </div>
                            <div class="icon-2">
                                <img src="./图片/shejiaotubiao-14.png   " style="width:24px;height:24px;padding:8px;">
                            </div>
                        </div>
                    </ul>
                </div>
            </div>
            <div class="one1">
                <div class="one2">
                    <img src="./图片/avatar-01.png">
                </div>
            </div>
        </div>
        <div class="clear"></div>
    </div>
    <div class="two">
        <div class="two-1">
            <div class="two-2">
                <img src="./图片/01.jpg">
            </div>
            <div class="two1 wo">
                <div class="two2">
                    <div class="two3">
                        <h2>About Me</h2>
                        <p class="p">I'm Alisa Portman, orem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip exea
                            commodo consequat.</p>
                        <p class="p">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                    </div>
                </div>
                <a href="#" class="bottom1">Download my CV</a>
                <div class="two4">
                    <h3>My Skills</h3>
                    <h5>Adobe Illustrator <span class="two5">87%</span></h5>
                    <div class="two6">
                        <div class="two7"></div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="two8">
                    <h5>Adobe Photoshop <span class="two9">96%</span></h5>
                    <div class="two10">
                        <div class="two11"></div>
                    </div>
                </div>
                <div class="two12">
                    <h5>Graphic Design <span class="two13">77%</span></h5>
                    <div class="two14">
                        <div class="two15"></div>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    </div>
    <div class="three">
        <div class="three1">
            <div class="three2">
                <div class="three3">
                    <div class="three4">
                        <div class="service-element">
                            <img src="./图片/huzi.png" style="width: 40px;height: 40px;">
                        </div>
                        <h4>Illustrator</h4>
                        <p class="three5">Lorem ipsum dolor amet consectetur ut consequat siad esqudiat dolor</p>
                    </div>
                </div>
                <div class="three10">
                    <div class="three14">
                        <div class="service-element">
                            <img src="./图片/shouji.png" style="width: 40px;height: 40px;">
                        </div>
                        <h5 class="three16">Graphic Design</h5>
                        <p4 class="three19">Lorem ipsum dolor amet consectetur ut consequat siad esqudiat dolor</p4>
                    </div>
                </div>
                <div class="three20">
                    <div class="three21">
                        <div class="service-element">
                            <img src="./图片/experiment.png" style="width: 40px;height: 40px;">
                        </div>
                        <h4>Photoshop</h4>
                        <p class="three5">Lorem ipsum dolor amet consectetur ut consequat siad esqudiat dolor </p>
                    </div>
                </div>
                <div class="three30">
                    <div class="three31">
                        <div class="service-element">
                            <img src="./图片/xunzhang.png" style="width: 40px;height: 40px;">
                        </div>
                        <h4>Sktech</h4>
                        <p class="three32">Lorem ipsum dolor amet consectetur ut consequat siad esqudiat dolor </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="work">
        <div class="work1">
            <div class="work2">
                <div class="work3">
                    <h2>Latest Products</h2>
                    <p1>Lorem ipsum dolor sit amet consectetur adipiscing elit sed tempor incididunt ut laboret dolore magna aliqua enim minim veniam exercitation</p1>
                </div>
            </div>
            <div class="work-1">
                <div class="work-2">
                    <div class="work-3">
                        <img src="./图片/01-2.jpg" style="width:360px;height:240px ;">
                    </div>
                    <h5><a href="#">Triangle Roof</a> <span class="work-4">Management</span></h5>
                    <p2>Lorem ipsum dolor sit amet consectetur adipiscing elit sed tempor incdidunt ut laboret dolor magna ut consequat siad esqudiat dolor</p2>
                </div>
                <div class="work-11">
                    <div class="work-12">
                        <img src="./图片/02.jpg" style="width:360px;height:240px ;">
                    </div>
                    <h5><a href="#">Curved Corners</a> <span class="work-13">DEVELOPMENY</span></h5>
                    <p2>Lorem ipsum dolor sit amet consectetur adipiscing elit sed tempor incdidunt ut laboret dolor magna ut consequat siad esqudiat dolor</p2>
                </div>
                <div class="work-21">
                    <div class="work-22">
                        <img src="./图片/03.jpg" style="width:360px;height:240px ;">
                    </div>
                    <h5><a href="#">Bird On Green</a> <span class="work-23">DESIGN</span></h5>
                    <p2>Lorem ipsum dolor sit amet consectetur adipiscing elit sed tempor incdidunt ut laboret dolor magna ut consequat siad esqudiat dolor</p2>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    </div>
    <div class="four">
        <div class="four1">
            <div class="four2">
                <div class="four3">
                    <div class="four4">
                        <div class="four5">
                            <img src="./图片/01.png" style="width:130px;height:50px;">
                        </div>
                        <div class="four6">
                            <img src="./图片/02.png" style="width:130px;height:50px;">
                        </div>
                        <div class="four7">
                            <img src="./图片/03.png" style="width:130px;height:50px;">
                        </div>
                        <div class="four8">
                            <img src="./图片/04.png" style="width:130px;height:50px;">
                        </div>
                        <div class="four8">
                            <img src="./图片/05.png" style="width:130px;height:50px;">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="five-2">
        <div class="container-sm content-lg">
            <h2 class="five1">Displaying the Result
                <p class="five4">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.</p>
            </h2>
        </div>
    </div>
    <div class="six">
        <div class="six1">
            <div class="six2">
                <div class="six3">
                    <div class="six4">
                        <h6 class="six5">Contact Me</h6>
                        <p5 class="six6">Lorem ipsum dolor sit amet consectetur adipiscing elit sed tempor incididunt ut laboret dolore magna aliqua enim minim veniam exercitation</p5>
                    </div>
                </div>
                <div class="six-1">
                    <div class="six-22">
                        <h4 style="font-weight: 700;color: #515769;margin: 0 0 15px;padding: 0;"> Location</h4>
                        <a style="color:#81848f;font-size: 10px;" href="#">Brookyln, New York</a>
                    </div>
                    <div class="six-23">
                        <h4 style="font-weight: 700;color: #515769;margin: 0 0 15px;padding: 0;">Phone</h4>
                        <a style="color:#81848f;font-size: 10px;" href="#">+77 234 548 00 00</a>
                    </div>
                    <div class="six-24">
                        <h4 style="font-weight: 700;color: #515769;margin: 0 0 15px;padding: 0;">Email</h4>
                        <a style="color:#81848f;font-size: 10px;" href="mailto:#">alex.teseira@gmail.com</a>
                    </div>
                    <div class="six-25">
                        <h4 style="font-weight: 700;color: #515769;margin: 0 0 15px;padding: 0;">Email</h4>
                        <a style="color:#81848f;font-size: 10px;" ;href="mailto:#">alex.teseira@gmail.com</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="finally">
        <div class="finally-1">
            <div class="finally-2">
                <div class="finally-3">
                    <img src="./图片/wo.png">
                </div>
            </div>
            <div class="finally-4">
                <p9 class="finally-5">Copyright © 2019.Company name All rights reserved.
                    <a style="color: #81848f;font-size: 16px;" href="http://sc.chinaz.com/moban/ ">网页模板</a>
                </p9>
            </div>
        </div>
    </div>
</body>

</html>